$colors-map:(
confirm:#2d8cf0,
default:#333,
success:#19be6b,
primary:#2d8cf0,
warning:#ff9900,
error:#ed3f14, 
info:#2db7f5, 
danger:#ed3f14,
white:#fff,
gray:#c3c3c3,
darkgray:#515a6e,
);

@each $key,$value in $colors-map {
    .color-#{$key}{
        color:$value
    }
    .bg-#{$key} {
        background-color:$value;
    }
}

.color-error-shadow {
    color: rgba(237, 63, 20, 0.2)
}

.color-fff {
    color: #fff;
}

.color-content {
    color: #fff;
}

.color-sub {
    color: #999;
}
.color-link{
    color: #2d8cf0;
    cursor: pointer;
}
.bg-fff {
    background-color: #fff;
}

.bg-f5 {
    background-color: #f5f5f5;
}

// 首页边框颜色
.border-primary{
    border-left: 4px solid transparent;
    border-left-color: transparent;
    border-color: #2d8cf0 !important;
    border-radius: .25rem;
}
.border-error{
    border-left: 4px solid transparent;
    border-left-color: transparent;
    border-color: #ed3f14 !important;
    border-radius: .25rem;
}
.border-warning{
    border-left: 4px solid transparent;
    border-left-color: transparent;
    border-color: #ff9900 !important;
    border-radius: .25rem;
}
.border-success{
    border-left: 4px solid transparent;
    border-left-color: transparent;
    border-color: #19be6b !important;
    border-radius: .25rem;
}

// b2c新增样式
.div-error{
    color: #fff;
    background-color: #ed3f14;
    border-color: #ed3f14;
}
.div-error:hover,.div-error:focus{
    color: #fff;
    background-color: #f16543;
    border-color: #f16543;
}
.div-success{
    color: #fff;
    background-color: #19be6b;
    border-color: #19be6b;
}
.div-success:hover,.div-success:focus{
    color: #fff;
    background-color: #47cb89;
    border-color: #47cb89;
}
.div-warning{
    color: #fff;
    background-color: #ff9900;
    border-color: #ff9900;
}
.div-warning:hover,.div-warning:focus{
    color: #fff;
    background-color: #ffad33;
    border-color: #ffad33;
}
.dark-primary{
    color: #fff;
    background-color: #2b85e4;
    border-color: #2b85e4;
}
.dark-primary:hover, .dark-primary:focus {
    color: #fff;
    background-color: #3c94f1;
    border-color: #3c94f1;
}
.light-primary{
    color: #fff;
    background-color: #5cadff;
    border-color: #5cadff;
}
.light-primary:hover, .light-primary:focus{
    color: #fff;
    background-color: #74b8fd;
    border-color: #74b8fd;
}
.middle-content{
    color: #fff;
    background-color: #515a6e;
    border-color: #515a6e;
}
.middle-content:hover, .middle-content:focus{
    color: #fff;
    background-color: #515a6ede;
    border-color: #515a6ede;
}
.light-content{
    color: #fff;
    background-color: #808695;
    border-color: #808695;
}
.light-content:hover, .light-content:focus{
    color: #fff;
    background-color: #979ba5;
    border-color: #979ba5;
}

.light-purple{
    color: #fff;
    background-color:#a803c5;
    border-color:#a803c5;
}
.light-purple:hover, .light-purple:focus{
    color: #fff;
    background-color: #c304e4;
    border-color: #c304e4;
}

// span的样式
.b2cspan-info{
    border: 1px solid #2db7f5;
    color: #2db7f5;
    text-align: center;
    &:hover {
        border: 1px solid #2db7f5;
        color: #2db7f5;
        text-align: center;
    }
}

.b2cspan-primary{
    border: 1px solid #2d8cf0;
    color: #2d8cf0;
    text-align: center;
    &:hover {
        border: 1px solid #2d8cf0;
        color: #2d8cf0;
        text-align: center;
    }
}

.b2cspan-dark-primary{
    border: 1px solid #2b85e4;
    color: #2b85e4;
    text-align: center;
    &:hover {
        border: 1px solid #2b85e4;
        color: #2b85e4;
        text-align: center;
    }
}

.b2cspan-success{
    border: 1px solid #19be6b;
    color: #19be6b;
    text-align: center;
    &:hover {
        border: 1px solid #19be6b;
        color: #19be6b;
        text-align: center;
    }
}

.b2cspan-warning{
    border: 1px solid #ff9900;
    color: #ff9900;
    text-align: center;
    &:hover {
        border: 1px solid #ff9900;
        color: #ff9900;
        text-align: center;
    }
}

.b2cspan-error{
    border: 1px solid #ed4014;
    color: #ed4014;
    text-align: center;
    &:hover {
        border: 1px solid #ed4014;
        color: #ed4014;
        text-align: center;
    }
}

.b2cspan-middle-content{
    border: 1px solid #515a6e;
    color: #515a6e;
    text-align: center;
    &:hover {
        border: 1px solid #515a6e;
        color: #515a6e;
        text-align: center;
    }
}
.b2cspan-light-content{
    border: 1px solid #808695;
    color: #808695;
    text-align: center;
    &:hover {
        border: 1px solid #808695;
        color: #808695;
        text-align: center;
    }
}
.span-padding{
    padding: 2px 5px;
    border-radius: 2px;
    cursor: text;
    display: inline-block;
}

// 字体颜色
.b2ccolor-dark-primary{
    color: #2b85e4;
}
.b2ccolor-info{
    color: #2db7f5;
}
.b2ccolor-error{
    color: #ed4014;
}
.b2ccolor-warning{
    color: #ff9900;
}
.b2ccolor-success{
    color: #19be6b;
}
.b2color-content{
    color: #515a6e;
}
.b2color-black{
    color: #333;
}
